

        var proInd = 0;

        $(document).ready(function(){
            $('main .proSwiper .content .choose .op:first-child').addClass('active');
            $('main .proSwiper .content .opacitySwiper img:first-child').addClass('active');
            $('main .proSwiper .content .descFlip .item:first-child').addClass('active');
            $('main .proSwiper .content .purpose .item:first-child').addClass('active');
            $('main .btns .prev').addClass('unclickable');
            if(window.location.href.indexOf('productInfo') < 0){
                $('header .top .menuBtn').addClass('cb');
            }

            var linkNow = window.location.href;
            for(var n = 0;n < $('main .nav li a').length;n++){
                var href = $('main .nav li a').eq(n).attr('href');
                if(linkNow.indexOf('=') >= 0 && href.indexOf('=') >= 0 && linkNow.indexOf(href) >= 0){
                    $('main .nav li a').eq(n).addClass('active');
                    break;
                }else if(linkNow.indexOf('=') < 0 && linkNow.indexOf(href) >= 0){
                    $('main .nav li a').eq(n).addClass('active');
                    break;
                }
            }

            for(var i = 0;i < $('main .proSwiper .content .opacitySwiper *').length;i++){
                $('main .proSwiper .content .opacitySwiper *')[i].ind = i;
            }
            $('main .proSwiper .content .btns p').click(function(){
                if($(this)[0].className.indexOf('unclickable') >= 0) return false;
                proInd = $('main .proSwiper .content .opacitySwiper .active')[0].ind;
                var length = $('main .proSwiper .content .opacitySwiper *').length;
                $('main .proSwiper .content .opacitySwiper *').removeClass('active');
                $('main .proSwiper .content .descFlip .item').removeClass('active');
                $('main .proSwiper .content .purpose .item').removeClass('active');
                $('main .proSwiper .content .choose .op').removeClass('active');
                if($(this)[0].className.indexOf('prev') >= 0){
                        proInd--;
                        if(!proInd){
                            $(this).addClass('unclickable');
                        }
                        $(this).siblings('.next').removeClass('unclickable');
                }else{
                        proInd++;
                        if(proInd == length - 1){
                            $(this).addClass('unclickable');
                        }
                        $(this).siblings('.prev').removeClass('unclickable');
                }
                $('main .proSwiper .content .opacitySwiper *:eq(' + proInd + ')').addClass('active')
                $('main .proSwiper .content .descFlip .item:eq(' + proInd + ')').addClass('active');
                $('main .proSwiper .content .purpose .item:eq(' + proInd + ')').addClass('active');
                $('main .proSwiper .content .choose .op:eq(' + proInd + ')').addClass('active');
            })

            $('main .proSwiper .content .choose .op').click(function(){
                var length = $('main .proSwiper .content .opacitySwiper *').length;
                proInd = $(this).index();
                $('main .proSwiper .content .btns p').removeClass('unclickable');
                if(!proInd){
                    $('main .proSwiper .content .btns .prev').addClass('unclickable');
                }else if(proInd == length - 1){
                    $('main .proSwiper .content .btns .next').addClass('unclickable');
                }
                $('main .proSwiper .content .opacitySwiper *').removeClass('active');
                $('main .proSwiper .content .descFlip .item').removeClass('active');
                $('main .proSwiper .content .purpose .item').removeClass('active');
                $('main .proSwiper .content .choose .op').removeClass('active');
                $('main .proSwiper .content .opacitySwiper *:eq(' + proInd + ')').addClass('active')
                $('main .proSwiper .content .descFlip .item:eq(' + proInd + ')').addClass('active');
                $('main .proSwiper .content .purpose .item:eq(' + proInd + ')').addClass('active');
                $('main .proSwiper .content .choose .op:eq(' + proInd + ')').addClass('active');
            })

            watchBrowse = setInterval(function(){
                if($('main .proSwiper + ul')[0].getBoundingClientRect().top < $('header .top .menuBtn')[0].offsetHeight + $('header .top .menuBtn')[0].getBoundingClientRect().top
                    && $('header .top .menuBtn')[0].className.indexOf('cb') >= 0
                ){
                    $('header .top .menuBtn').removeClass('cb');
                }else if($('main .proSwiper + ul')[0].getBoundingClientRect().top >= $('header .top .menuBtn')[0].offsetHeight + $('header .top .menuBtn')[0].getBoundingClientRect().top
                    && $('header .top .menuBtn')[0].className.indexOf('cb') < 0
                ){
                    $('header .top .menuBtn').addClass('cb');
                }
            },10)
        })